<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>付款界面</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<style>
			.botText {
				font-family: HiraginoSansGB;
				font-weight: normal;
				color: rgba(255, 255, 255, 1);
				opacity: 0.25;
				height: 1.5rem;
				line-height: 1.5rem;
			}
		</style>
	</head>
	<body>
		<div id="top">
			<div class="leftAndRight" id="topContent">
				<div class="divRow divColumnCenter">
					<img src="img/home1.png" />
					<span>您好，欢迎来到村里村外~</span>
				</div>
				<div class="divRow divColumnCenter">
					<a href="#">登录</a>
					<a class="divColumnCenter" href="#">
						<img src="img/home2.png" />
						<span>注册</span>
					</a>
					<a href="#">我们的村子</a>
					<a href="#">手机版</a>
					<a href="#">关注村子</a>
					<a class="divColumnCenter" href="#">
						<span>村委会/社区</span>
					</a>
				</div>
			</div>
		</div>

		<div style="width: 100%;" class="divCenter divColumn" id="content">
			<div style="width: 75rem;" class="divColumn">
				<!-- 顶部标题及搜索 -->
				<div style="width: 100%;height: 6.25rem;" class="leftAndRight">

					<div class="divRow divColumnCenter">
						<img src="img/logo.png" />
						<h2 style="margin-left: 1.25rem;">支付订单</h2>
					</div>
					<div style="width:25rem;height: 2.625rem;" class="divRow">
						<input style="width: 70%;height: 100%;border: 0.0625rem solid #007D36;padding: 0rem 0.625rem;" />
						<span style="width: 30%;height: 104%;background: #007D36;line-height: 2.625rem;text-align: center;color: white;">
							搜索
						</span>
					</div>
				</div>
			</div>
			<div style="width: 100%;height: 2rem;background: #007D36;color: white;" class="divColumnCenter">
				<span style="margin-left: 80rem;">你好欢迎使用支付宝付款<span style="margin-left: 1.25rem;cursor: pointer;">常见问题</span></span>
			</div>
			<div style="width: 100%;" class="divCenter">
				<div style="width: 75rem;height: 3.25rem;" class="divRow divColumnCenter">
					<img src="img/apipay_icon.png" />
					<div style="width:0.125rem;height: 64%;background: #999999;margin-left: 0.625rem;"></div>
					<span style="margin-top: 1.25rem;margin-left: 0.625rem;font-weight: 600;">我的收银台</span>
				</div>
			</div>
			<div style="width: 100%;height: 37.5rem;background: #F0F1F2;" class="divCenter">

				<div style="width: 56.25rem;height: 37.5rem" class="divColumn divColumnCenter">
					<div style="width: 100%;height: 5rem;color: #000000;font-weight: 600;font-size: 0.875rem;margin-top: 0.625rem;"
					 class="leftAndRight">
						<div class="divColumn ">
							<span>正在使用即时到账交易</span>
							<span>2018121723225801545026698 <span>收款方：湖南村里村外商城有限公司</span></span>
						</div>
						<span style="color: #007D36;font-size:1.875rem;font-weight: 600;">520.00<span style="color: black;font-size:0.75rem;">元</span></span>
					</div>

					<div style="width: 100%;height: 26.25rem;background: white;" class="divRow divCenter">

						<div class="divCenter" style="width: 16.25rem;height:16.25rem;border: 0.0625rem solid #F0F0F0;">
							<img src="img/home18.png" style="width: 100%;height: 100%;" />
						</div>

						<div class="divColumn divCenter" style="width: 16.25rem;height: 16.25rem;margin-left: 1.5rem;">
							<div class="divColumn divCenter">
								<span style="font-size: 0.875rem;font-weight: 600;">扫一扫付款（元）</span>
								<span style="color: #007D36;font-size:1.875rem;font-weight: 600;margin-top: 0.25rem;">520.00</span>
							</div>

							<div class="divRow divColumnCenter" style="margin-top: 2.5rem;">
								<img src="img/scan.png" />
								<div class="divColumn" style="color: #40404D;margin-left: 0.625rem;">
									<h2>打开手机支付宝</h2>
									<h2 style="margin-top: 0.25rem;">扫一扫想我付款</h2>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="width: 100%;" class="divCenter">
			<div style="width: 75rem;background: white;height: 14rem;" class="divRow divCenter">
				<div style="width: 25%;" class="divRow divCenter">
					<img src="img/home13.png" />
					<span style="color: #999999;margin-left: 0.625rem;font-size: 1rem;">品类齐全 轻松购物</span>
				</div>
				<div style="width: 25%;" class="divRow divCenter">
					<img src="img/home14.png" />
					<span style="color: #999999;margin-left: 0.625rem;font-size: 1rem;">精选生鲜 严格质检</span>
				</div>
				<div style="width: 25%;" class="divRow divCenter">
					<img src="img/home15.png" />
					<span style="color: #999999;margin-left: 0.625rem;font-size: 1rem;">天天低价 畅选无忧</span>
				</div>
				<div style="width: 25%;" class="divRow divCenter">
					<img src="img/home16.png" />
					<span style="color: #999999;margin-left: 0.625rem;font-size: 1rem;">全方位 售后服务</span>
				</div>
			</div>
		</div>
		<!-- 底部介绍 -->
		<div style="width: 100%;15rem;background: #282633;height: 22.5rem;" class="divCenter">
			<div style="width: 75rem;height: 100%;" class="divColumn">
				<div style="width: 100%;height: 70%;" class="divRow">
					<div style="width: 60%;height: 100%;" class="divColumn">
						<div style="width: 100%;color: white;height: 3.25rem;" class="divRow divColumnCenter">
							<h3 style="width: 20%;;">公司介绍</h3>
							<h3 style="width: 20%;">购物指南</h3>
							<h3 style="width: 20%;">支付方式</h3>
							<h3 style="width: 20%;">售后服务</h3>
							<h3 style="width: 20%;">商家服务</h3>
						</div>
						<div style="height: 0.0625rem;background: #000000;width: 100%;"></div>
						<div style="width: 100%;margin-top: 0.875rem;" class="divRow">
							<div style="width: 20%;" class="divColumn">
								<span class="botText">关于村里村外</span>
								<span class="botText">企业荣誉</span>
								<span class="botText">战略合作</span>
								<span class="botText">媒体报道</span>
								<span class="botText">企业风采</span>
								<span class="botText">联系我们</span>
							</div>
							<div style="width: 20%;" class="divColumn">
								<span class="botText">免费注册</span>
								<span class="botText">购物流程</span>
								<span class="botText">发票制度</span>
								<span class="botText">配送说明</span>
								<span class="botText">联系客服</span>
							</div>
							<div style="width: 20%;" class="divColumn">
								<span class="botText">网上支付</span>
							</div>
							<div style="width: 20%;" class="divColumn">
								<span class="botText">验货与拒收政策</span>
								<span class="botText">退换货流程</span>
								<span class="botText">退款流程</span>
							</div>
							<div style="width: 20%;" class="divColumn">
								<span class="botText">招商范围</span>
								<span class="botText">商家资质要求</span>
								<span class="botText">入驻流程</span>
								<span class="botText">商家后台</span>
							</div>
						</div>

					</div>
					<div style="width: 40%;height: 100%;" class="divRow">
						<div style="margin: 1.25rem;">
							<img src="img/home17.png" />
						</div>
						<div style="margin:1.25rem 0rem;width: 60%;" class="divColumn">
							<span style="width: 60%;text-align: end;" class="botText">二十四小时咨询热线</span>
							<h1 style="color: white;">021-12454563</h1>
							<div class="divRow" style="margin-top: 0.625rem;">
								<div class="divColumn" style="width: 40%;" class="divColumn divCenter">
									<img src="img/home18.png" style="width: 100%;" />
									<span class="botText" style="text-align: center;">手机APP</span>
								</div>
								<div style="width: 10%;"></div>
								<div class="divColumn" style="width: 40%;" class="divColumn divCenter">
									<img src="img/home18.png" style="width: 100%;" />
									<span class="botText" style="text-align: center;">微信公众号</span>

								</div>
							</div>
						</div>
					</div>
				</div>
				<div style="width: 100%;height: 0.0625rem;background: black;"></div>
				<div style="width: 100%;margin-top: 1.25rem;" class="divColumn">
					<h2 style="color: white;">湖南村里村外电子商务有限公司</h2>
					<div class="divRow divColumnCenter" style="height: 2.625rem;">
						<span class="botText">湖南长沙市XXXXXXX栋XX单元</span>
						<span class="botText" style="margin-left: 2.5rem;">Tel:05456-46546545</span>
						<span class="botText" style="margin-left: 2.5rem;">E-mail:564564654@qq.com</span>

					</div>


				</div>

			</div>


		</div>
	</body>
</html>
